<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>订单详情</title>
	<script th:src="@{/layui/layui.js}" type="text/javascript"></script>
	<link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
	</head>
	<body>
		
		<div class="layui-panel" style="padding: 8px;">
			<fieldset class="layui-elem-field ">
				<legend>搜索信息</legend>
				<form class="layui-form layui-form-pane" style="margin-top: 20px;">
					<div class="layui-form-item">
						<div class="layui-inline">
							<label class="layui-form-label">反馈id</label>
							<div class="layui-input-inline">
								<input class="layui-input" type="text" name="name" autocomplete="off" />
							</div>
						</div>
						<div class="layui-inline">
							<div class="layui-input-inline">
								<a class="layui-btn layui-btn-primary" lay-submit="" lay-filter="searchBtn">
									<i class="layui-icon layui-icon-search"></i>
									搜索
								</a>
							</div>							
						</div>
					</div>
				</form>
			</fieldset>
			<div>
				<table id="feedBackTable" lay-filter="feedBackTable" ></table>
			</div>
		</div>
		<script>
			var data = [
				{"id":"1","userName":"zsr110","createTime":"2011-10-11","type":"已发布","mobile":"17687726768","content":"QQ:154879526"},
				{"id":"2","userName":"zsr111","createTime":"2011-10-11","type":"已发布","mobile":"17687726768","content":"QQ:154879526"},
				{"id":"3","userName":"zsr112","createTime":"2011-10-11","type":"已发布","mobile":"17687726768","content":"QQ:154879526"},
				{"id":"4","userName":"zsr113","createTime":"2011-10-11","type":"已发布","mobile":"17687726768","content":"QQ:154879526"}
			]
			layui.use(['table','form'],function(){
				var table = layui.table,form=layui.form;
				
				//加载表格
				table.render({
					elem:'#feedBackTable',
					height:'full-160',
					page:true,
					toolbar:'#tableBar',
					url:'/system/fb/find',
					cols:[
							[
						{type:'numbers',fixed:'left'},
						{type:'checkbox',fixed:'left'},
						
						{field:'id',title:'反馈id',width:100},
						{field:'userName',title:'用户名',width:120},
						{field:'mobile',title:'手机号码',width:150},
						{field:'type',title:'反馈类型',width:80},
						{field:'content',title:'反馈内容'},
						{field:'photo',title:'反馈图片',width:150},
						{field:'createTime',title:'反馈时间',width:100},
						
					]
					],
				})
				
				//监听搜索按钮
				form.on('submit(searchBtn)',function(){
					var dataForm=data.field;
					console.log(dataForm);	
				})
				
				
			});
		</script>
		
	</body>
</html>
